<template>
  <div class="beijing-clore">

  <div class="scrollTop" v-show="showTop" @click="toTop">
    <img src="../../assets/huidaodingbu.svg" width="40px" height="40px"/>
 
  </div>
    <el-row>
      <el-col :span="24">
        <div class="grid-content bg-purple-dark"></div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="4">
        <div class="grid-content bg-purple">
          <div class="el-left-aera border">
            <div class="el-left-aera-wai border" v-show="tongzhishow">
              <div class="el-left-aera-img2">
                <img src="../../assets/X.svg" width="20" height="20" @click="tongzhiclick()">
              </div>
              <div class="el-left-aera-img">
                <img src="../../assets/tongzhi.svg" width="120" height="120">
              </div>
              <div class="el-left-aera-con border">
                <div class="el-left-aera-conziti1">天津市人民医院预约挂号平台</div>
                <div class="el-left-aera-conziti2">域名调整公告</div>
                <div class="el-left-aera-conziti3">
                  根据国家互联网网站域名管理的有关要求，
                  2019年4月1日起，天津市人民医院预约挂号平台的域名将由www.tjguahao.gov.cn
                  调整为www.yjrmyyyygh.com。
                </div>
                <div class="el-left-aera-conziti6">------------------------------------------------</div>
                <div class="el-left-aera-conziti4">特此公告。</div>
                <div class="el-left-aera-conziti5">
                  天津市卫生健康委员会
                  <br>2019年3月28日
                </div>
              </div>
            </div>
          </div>
        </div>
      </el-col>
      <el-col :span="3">
        <div class="grid-content bg-purple">
          <div class="el-top-left border">
            <div class="el-top-left-fen-keshi">全部科室</div>

            <div class="el-top-left-fen border">
              <div class="el-top-left-fen-area border">
                <ul class="el-left-ul">
                  <li
                    v-for="keshi in keshis"
                    :key="keshi.kid"
                    @mouseover="waikehover(keshi.kname,keshi.kid)"
                    class="el-top-left-fen-area2"
                  >{{keshi.kname}}</li>
                </ul>
              </div>
            </div>
          </div>
          <div></div>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="grid-content bg-purple-light" @mouseout="waikeout()">
          <div class="el-top-center-area" v-show="waitshow" style="z-index:100">
            <div class="el-top-center-ziti1" v-text="kname"></div>

            <div class="el-top-center-ziti">
              <ul v-for="zikeshi in zikeshis" :key="zikeshi.zkid">
                <li v-if="zikeshi.kid==kid">{{zikeshi.zkname}}</li>
              </ul>
            </div>
          </div>

          <div class="block el-top-center-lunbo" v-show="lunboshow">
            <el-carousel height="450px">
              <el-carousel-item v-for="item in 4" :key="item">
                <h3 class="small"></h3>
              </el-carousel-item>
            </el-carousel>
          </div>
        </div>
      </el-col>
      <el-col :span="5">
        <div class="grid-content bg-purple">
          <div class="el-right-area border">
            <div class="el-right-area-con border">
              <div class="el-right-area-img2">
                <img src="../../assets/wechart.svg" width="25" height="25">
              </div>
              <div class="el-right-area-ziti1">微信扫一扫</div>
              <div class="el-right-area-img1">
                <img src="../../assets/code.png" width="120" height="120">
              </div>
              <div class="el-right-area-ziti2">
                关注小程序
                <br>快速预约哦
              </div>
            </div>
          </div>
        </div>
      </el-col>
    </el-row>
     <el-row></el-row>
      <el-row>
     <el-col :span="24" class="con-bijing">
    <div class="el-buzhou-area border">
      <div class="el-buzhou-one border">预约挂号流程</div>
      <div class="el-buzhou-orter border">
        <div class="el-buzhou-img1">
          <img src="../../assets/yuyue.svg" width="20" height="20">
        </div>1.选择预约就诊医生
        <div class="el-buzhou-img2">
          <img src="../../assets/jiantou.svg" width="50" height="50">
        </div>
      </div>
      <div class="el-buzhou-orter border">
        <div class="el-buzhou-img1">
          <img src="../../assets/yuyue.svg" width="20" height="20">
        </div>1.选择预约就诊医生
        <div class="el-buzhou-img2">
          <img src="../../assets/jiantou.svg" width="50" height="50">
        </div>
      </div>
      <div class="el-buzhou-orter border">
        <div class="el-buzhou-img1">
          <img src="../../assets/yuyue.svg" width="20" height="20">
        </div>1.选择预约就诊医生
        <div class="el-buzhou-img2">
          <img src="../../assets/jiantou.svg" width="50" height="50">
        </div>
      </div>
      <div class="el-buzhou-orter border">
        <div class="el-buzhou-img1">
          <img src="../../assets/yuyue.svg" width="20" height="20">
        </div>1.选择预约就诊医生
        <div class="el-buzhou-img2">
          <img src="../../assets/jiantou.svg" width="50" height="50">
        </div>
      </div>
      <div class="el-buzhou-orter border">
        <div class="el-buzhou-img1">
          <img src="../../assets/yuyue.svg" width="20" height="20">
        </div>1.选择预约就诊医生
        <div class="el-buzhou-img2">
          <!-- <img src="../../assets/jiantou.svg" width="50" height="50"> -->
        </div>
      </div>
    </div>
    <div class="center-pingjia-area border">
      <div class="center-pingjia-title border">天津人民医院患者评价</div>
      <div class="center-pingjia-con">
        天津人民医院满意程度
        <br>全国医院满意程度
      </div>
      <div class="center-pingjia-jindu">
        <el-progress :text-inside="true" :stroke-width="20" :percentage="83" status="warning"></el-progress>
        <br>
        <el-progress :text-inside="true" :stroke-width="20" :percentage="89" status="exception"></el-progress>
      </div>
      <div class="center-pingjia-cnum">来自70312位病友点评</div>
      <div class="center-pingjia-jindu-area border">
        <div class="center-pingjia-jindu-cnum border">
          <el-progress :text-inside="true" :stroke-width="5" :percentage="80" status="warning"></el-progress>
          <br>
          <el-progress :text-inside="true" :stroke-width="5" :percentage="20" status="warning"></el-progress>
          <br>
          <el-progress :text-inside="true" :stroke-width="5" :percentage="18" status="warning"></el-progress>
          <br>
          <el-progress :text-inside="true" :stroke-width="5" :percentage="12" status="warning"></el-progress>
          <br>
          <el-progress :text-inside="true" :stroke-width="5" :percentage="65" status="warning"></el-progress>
        </div>
        <div class="center-pingjia-jindu-ziti">
          非常满意
          <br>满意
          <br>一般
          <br>不满意
          <br>暂不知道
        </div>
        <div class="center-pingjia-jindu-ziti2">
          52261人
          <br>5365人
          <br>1131人
          <br>512人
          <br>10932人
          <br>
        </div>
      </div>
    </div>
    <div class="center-yuanze-area border">
      <div class="center-pingjia-title border">寻找医生就诊</div>

      <div class="center-yuanze-con border">
        <el-tabs :tab-position="tabPosition">
          <el-tab-pane label="按科室查找" >
            <div class="center-yuanze-con-left border">
              <div class="center-yuanze-con-left-ziti">
                内科
                <br>外科
                <br>妇产科
                <br>儿科
                <br>
              </div>
              <div class="center-yuanze-con-left-area1 border">
                <div class="center-yuanze-con-left-ziti1">
              

                  <tr v-for="neike in neikes" :key="neike.nkid" class="li-point">
                    <td v-if="neike.nkid==1">
                      
                         {{neike.nkname}}
                     

                   </td>
                  </tr>
                   <tr v-for="neike in neikes" :key="neike.nkid" class="li-point">
                    <td v-if="neike.nkid==1">
                         ({{neike.npeoplenum}})
                   </td>
                 
                  </tr>
                </div>
                <div class="center-yuanze-con-left-img">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>

                <div class="center-yuanze-con-left-ziti2">
                 
                 <tr v-for="neike in neikes" :key="neike.nkid" class="li-point">
                    <td v-if="neike.nkid==1">
                         {{neike.ngoodnum}}好评
                   </td>
                    </tr>
                 
                    <tr v-for="neike in neikes" :key="neike.nkid" class="li-point">
                    <td v-if="neike.nkid==2">
                         &nbsp;&nbsp;&nbsp;  <router-link to="fmk">
                         {{neike.nkname}}
                         </router-link>

                   </td>
                    </tr>
                  
                </div>

                <div class="center-yuanze-con-left-img1">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti3">
                  
                    <tr v-for="neike in neikes" :key="neike.nkid" class="li-point">
                    <td v-if="neike.nkid==2">
                         {{neike.ngoodnum}}好评
                   </td>
                    </tr>
                 
                    <tr v-for="neike in neikes" :key="neike.nkid" class="li-point">
                    <td v-if="neike.nkid==3">
                         &nbsp;&nbsp;&nbsp;{{neike.nkname}}
                   </td>
                    </tr>
                      <tr v-for="neike in neikes" :key="neike.nkid" class="li-point">
                    <td v-if="neike.nkid==3">
                         ({{neike.npeoplenum}})
                   </td>
                      </tr>
                 
                </div>

                <div class="center-yuanze-con-left-img2">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti4">
                   <tr v-for="neike in neikes" :key="neike.nkid" class="li-point">
                    <td v-if="neike.nkid==3">
                         {{neike.ngoodnum}}好评
                   </td>
                    </tr>
                </div>
                <div class="center-yuanze-con-left-ziti5">更多“内科”相关科室</div>
                <div></div>
              </div>
              <div class="center-yuanze-con-left-area2 border">
                <div class="center-yuanze-con-left-ziti1">
              

                  <tr v-for="waike in waikes" :key="waike.wkid" class="li-point">
                    <td v-if="waike.wkid==1">
                         {{waike.wkname}}
                   </td>
                   <tr v-for="waike in waikes" :key="waike.wkid" class="li-point">
                    <td v-if="waike.wkid==1">
                         ({{waike.wpeoplenum}})
                   </td>
                 
                  </tr>
                </div>
                <div class="center-yuanze-con-left-img">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>

                <div class="center-yuanze-con-left-ziti2">
                 
                 <tr v-for="waike in waikes" :key="waike.wkid" class="li-point">
                    <td v-if="waike.wkid==1">
                         {{waike.wgoodnum}}好评
                   </td>
                    </tr>
                 
                    <tr v-for="waike in waikes" :key="waike.wkid" class="li-point">
                    <td v-if="waike.wkid==2">
                         &nbsp;&nbsp;&nbsp;{{waike.wkname}}
                   </td>
                    </tr>
                  
                </div>

                <div class="center-yuanze-con-left-img1">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti3">
                  
                    <tr v-for="waike in waikes" :key="waike.wkid" class="li-point">
                    <td v-if="waike.wkid==2">
                         {{waike.wgoodnum}}好评
                   </td>
                    </tr>
                 
                    <tr v-for="waike in waikes" :key="waike.wkid" class="li-point">
                    <td v-if="waike.wkid==3">
                         &nbsp;&nbsp;&nbsp;{{waike.wkname}}
                   </td>
                    </tr>
                      <tr v-for="waike in waikes" :key="waike.nkid" class="li-point">
                    <td v-if="waike.wkid==1">
                         ({{waike.wpeoplenum}})
                   </td>
                      </tr>
                 
                </div>

                <div class="center-yuanze-con-left-img2">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti4">
                   <tr v-for="waike in waikes" :key="waike.wkid" class="li-point">
                    <td v-if="waike.wkid==2">
                         {{waike.wgoodnum}}好评
                   </td>
                    </tr>
                </div>
                <div class="center-yuanze-con-left-ziti5">更多“外”相关科室</div>
                <div></div>
              </div>
              <div class="center-yuanze-con-left-area3 border">
                                <div class="center-yuanze-con-left-ziti1">
              

                  <tr v-for="fuchanke in fuchankes" :key="fuchanke.fkid" class="li-point">
                    <td v-if="fuchanke.fkid==1">
                          <router-link to="fck">
                       {{fuchanke.fkname}}
                         </router-link>
                         
                   </td>
                   <tr v-for="fuchanke in fuchankes" :key="fuchanke.fkid" class="li-point">
                    <td v-if="fuchanke.fkid==1">
                         ({{fuchanke.fpeoplenum}})
                   </td>
                 
                  </tr>
                </div>
                <div class="center-yuanze-con-left-img">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>

                <div class="center-yuanze-con-left-ziti2">
                 
                 <tr v-for="fuchanke in fuchankes" :key="fuchanke.fkid" class="li-point">
                    <td v-if="fuchanke.fkid==1">
                         {{fuchanke.fgoodnum}}好评
                   </td>
                    </tr>
                 
                  
                  <tr v-for="fuchanke in fuchankes" :key="fuchanke.fkid" class="li-point">
                    <td v-if="fuchanke.fkid==2">
                         &nbsp;&nbsp;&nbsp;{{fuchanke.fkname}}
                   </td>
                  </tr>
                     <tr v-for="fuchanke in fuchankes" :key="fuchanke.fkid" class="li-point">
                    <td v-if="fuchanke.fkid==1">
                         ({{fuchanke.fpeoplenum}})
                   </td>
                    </tr>
                  
                </div>

                <div class="center-yuanze-con-left-img1">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti3">
                  
                    <tr v-for="fuchanke in fuchankes" :key="fuchanke.fkid" class="li-point">
                    <td v-if="fuchanke.fkid==2">
                         {{fuchanke.fgoodnum}}好评
                   </td>
                    </tr>
                 
                 
                    <tr v-for="fuchanke in fuchankes" :key="fuchanke.fkid" class="li-point">
                    <td v-if="fuchanke.fkid==2">
                          &nbsp;&nbsp;&nbsp;{{fuchanke.fkname}}
                   </td>
                  </tr>
                    <tr v-for="fuchanke in fuchankes" :key="fuchanke.fkid" class="li-point">
                    <td v-if="fuchanke.fkid==1">
                         ({{fuchanke.fpeoplenum}})
                   </td>
                    </tr>
                 
                </div>

                <div class="center-yuanze-con-left-img2">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti4">
                     <tr v-for="fuchanke in fuchankes" :key="fuchanke.fkid" class="li-point">
                    <td v-if="fuchanke.fkid==3">
                         {{fuchanke.fgoodnum}}好评
                   </td>
                    </tr>
                </div>
                <div class="center-yuanze-con-left-ziti5">更多“妇产”相关科室</div>
                <div></div>
              </div>
              <div class="center-yuanze-con-left-area4 border">
                                <div class="center-yuanze-con-left-ziti1">
              

                  <tr v-for="erke in erkes" :key="erke.ekid" class="li-point">
                    <td v-if="erke.ekid==1">
                         {{erke.ekname}}
                   </td>
                  </tr>
                   <tr v-for="erke in erkes" :key="erke.ekid" class="li-point">
                    <td v-if="erke.ekid==1">
                         ({{erke.epeoplenum}})
                   </td>
                 
                  </tr>
                </div>
                <div class="center-yuanze-con-left-img">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>

                <div class="center-yuanze-con-left-ziti2">
                 
                 <tr v-for="erke in erkes" :key="erke.ekid" class="li-point">
                    <td v-if="erke.ekid==1">
                         {{erke.egoodnum}}好评
                   </td>
                    </tr>
                 
                    <tr v-for="erke in erkes" :key="erke.ekid" class="li-point">
                    <td v-if="erke.ekid==2">
                       &nbsp;&nbsp;  {{erke.ekname}}
                   </td>
                  </tr>
                  
                </div>

                <div class="center-yuanze-con-left-img1">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti3">
                  
                    <tr v-for="erke in erkes" :key="erke.ekid" class="li-point">
                    <td v-if="erke.ekid==2">
                         {{erke.egoodnum}}好评
                   </td>
                    </tr>
                 
                      <tr v-for="erke in erkes" :key="erke.ekid" class="li-point">
                    <td v-if="erke.ekid==3">
                      &nbsp;&nbsp;&nbsp;   {{erke.ekname}}
                   </td>
                  </tr>
                        <tr v-for="erke in erkes" :key="erke.ekid" class="li-point">
                    <td v-if="erke.ekid==3">
                         ({{erke.epeoplenum}})
                   </td>
                 
                  </tr>
                 
                </div>

                <div class="center-yuanze-con-left-img2">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti4">
                   <tr v-for="erke in erkes" :key="erke.ekid" class="li-point">
                    <td v-if="erke.ekid==3">
                         {{erke.egoodnum}}好评
                   </td>
                    </tr>
                </div>
                <div class="center-yuanze-con-left-ziti5">更多“儿科”相关科室</div>
                <div></div>
              </div>
            </div>
          </el-tab-pane>
          <el-tab-pane label="按疾病查找">
            <div>
           

             
              <el-tabs v-model="activeName" type="card" >
                <el-tab-pane label="内科" name="first" @tab-click="handleClick()" >

                  <div class="center-xuanze-con-right border">
                 <div class="center-xuanze-con-right-area1 border">
                      <div class="center-yuanze-con-left-ziti1"  >
                  <tr v-for="nkbing in nkbings" :key="nkbing.nbid" class="li-point">
                    <td v-if="nkbing.nbid==1">
                         <router-link to="guanxinbing">
                       {{nkbing.nbname}}
                         </router-link>
                         
                   </td>
                  </tr>
                   <tr v-for="nkbing in nkbings" :key="nkbing.nbid" class="li-point">
                    <td v-if="nkbing.nbid==1">
                         ({{nkbing.nbpeoplenum}})
                   </td>
                  </tr>
                </div>
                <div class="center-yuanze-con-left-img">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>

                <div class="center-yuanze-con-left-ziti2">
                 
                 <tr v-for="nkbing in nkbings" :key="nkbing.nbid" class="li-point">
                    <td v-if="nkbing.nbid==1">
                         {{nkbing.nbgoodnum}}好评
                   </td>
                    </tr>
                 
                      <tr v-for="nkbing in nkbings" :key="nkbing.nbid" class="li-point">
                    <td v-if="nkbing.nbid==2">
                          &nbsp;&nbsp;&nbsp; {{nkbing.nbname}}
                   </td>
                  </tr>
                  
                </div>

                <div class="center-yuanze-con-left-img1">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti3">
                  
                    <tr v-for="nkbing in nkbings" :key="nkbing.nbid" class="li-point">
                    <td v-if="nkbing.nbid==2">
                         {{nkbing.nbgoodnum}}好评
                   </td>
                    </tr>
                 
                      <tr v-for="nkbing in nkbings" :key="nkbing.nbid" class="li-point">
                    <td v-if="nkbing.nbid==3">
                          &nbsp;&nbsp;&nbsp; {{nkbing.nbname}}
                   </td>
                  </tr>
                      
                   <tr v-for="nkbing in nkbings" :key="nkbing.nbid" class="li-point">
                    <td v-if="nkbing.nbid==3">
                         ({{nkbing.nbpeoplenum}})
                   </td>
                  </tr>
                 
                </div>

                <div class="center-yuanze-con-left-img2">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti4">
                    <tr v-for="nkbing in nkbings" :key="nkbing.nbid" class="li-point">
                    <td v-if="nkbing.nbid==3">
                         {{nkbing.nbgoodnum}}好评
                   </td>
                    </tr>
                </div>
                    </div>
                  </div>
                 
                  
                </el-tab-pane>
                <el-tab-pane label="外科" name="second">
 <div class="center-xuanze-con-right border">
                    <div class="center-xuanze-con-right-area1 border">
                      <div class="center-yuanze-con-left-ziti1"  >
                      
              

                  <tr v-for="wkbing in wkbings" :key="wkbing.wbid" class="li-point">
                    <td v-if="wkbing.wbid==1">
                         {{wkbing.wbname}}
                   </td>
                  </tr>
                   <tr v-for="wkbing in wkbings" :key="wkbing.wbid" class="li-point">
                    <td v-if="wkbing.wbid==1">
                         ({{wkbing.wbpeoplenum}})
                   </td>
                  </tr>
                </div>
                <div class="center-yuanze-con-left-img">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>

                <div class="center-yuanze-con-left-ziti2">
                 
                 <tr v-for="wkbing in wkbings" :key="wkbing.wbid" class="li-point">
                    <td v-if="wkbing.wbid==1">
                         {{wkbing.wbgoodnum}}好评
                   </td>
                    </tr>
                 
                      <tr v-for="wkbing in wkbings" :key="wkbing.wbid" class="li-point">
                    <td v-if="wkbing.wbid==2">
                          &nbsp;&nbsp;&nbsp; {{wkbing.wbname}}
                   </td>
                  </tr>
                  
                </div>

                <div class="center-yuanze-con-left-img1">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti3">
                  
                    <tr v-for="wkbing in wkbings" :key="wkbing.wbid" class="li-point">
                    <td v-if="wkbing.wbid==2">
                         {{wkbing.wbgoodnum}}好评
                   </td>
                    </tr>
                 
                      <tr v-for="wkbing in wkbings" :key="wkbing.wbid" class="li-point">
                    <td v-if="wkbing.wbid==3">
                          &nbsp;&nbsp;&nbsp; {{wkbing.wbname}}
                   </td>
                  </tr>
                      
                   <tr v-for="wkbing in wkbings" :key="wkbing.wbid" class="li-point">
                    <td v-if="wkbing.wbid==3">
                         ({{wkbing.wbpeoplenum}})
                   </td>
                  </tr>
                 
                </div>

                <div class="center-yuanze-con-left-img2">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti4">
                    <tr v-for="wkbing in wkbings" :key="wkbing.wbid" class="li-point">
                    <td v-if="wkbing.wbid==3">
                         {{wkbing.wbgoodnum}}好评
                   </td>
                    </tr>
                </div>
                    </div>
                  </div>






                </el-tab-pane>
                <el-tab-pane label="妇产科" name="third">
                  <div class="center-xuanze-con-right border">
                   <div class="center-xuanze-con-right-area1 border">
                      <div class="center-yuanze-con-left-ziti1"  >
                      
              

                  <tr v-for="fkbing in fkbings" :key="fkbing.fbid" class="li-point">
                    <td v-if="fkbing.fbid==1">
                         {{fkbing.fbname}}
                   </td>
                  </tr>
                   <tr v-for="fkbing in fkbings" :key="fkbing.fbid" class="li-point">
                    <td v-if="fkbing.fbid==1">
                         ({{fkbing.fbpeoplenum}})
                   </td>
                  </tr>
                </div>
                <div class="center-yuanze-con-left-img">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>

                <div class="center-yuanze-con-left-ziti2">
                 
                 <tr v-for="fkbing in fkbings" :key="fkbing.fbid" class="li-point">
                    <td v-if="fkbing.fbid==1">
                         {{fkbing.fbgoodnum}}好评
                   </td>
                    </tr>
                 
                      <tr v-for="fkbing in fkbings" :key="fkbing.fbid" class="li-point">
                    <td v-if="fkbing.fbid==2">
                          &nbsp;&nbsp;&nbsp; {{fkbing.fbname}}
                   </td>
                  </tr>
                  
                </div>

                <div class="center-yuanze-con-left-img1">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti3">
                  
                    <tr v-for="fkbing in fkbings" :key="fkbing.fbid" class="li-point">
                    <td v-if="fkbing.fbid==2">
                         {{fkbing.fbgoodnum}}好评
                   </td>
                    </tr>
                 
                      <tr v-for="fkbing in fkbings" :key="fkbing.fbid" class="li-point">
                    <td v-if="fkbing.fbid==3">
                          &nbsp;&nbsp;&nbsp; {{fkbing.fbname}}
                   </td>
                  </tr>
                      
                   <tr v-for="fkbing in fkbings" :key="fkbing.fbid" class="li-point">
                    <td v-if="fkbing.fbid==3">
                         ({{fkbing.fbpeoplenum}})
                   </td>
                  </tr>
                 
                </div>

                <div class="center-yuanze-con-left-img2">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti4">
                    <tr v-for="fkbing in fkbings" :key="fkbing.fbid" class="li-point">
                    <td v-if="fkbing.fbid==3">
                         {{fkbing.fbgoodnum}}好评
                   </td>
                    </tr>
                </div>
                    </div>
                  </div>
                </el-tab-pane>
                <el-tab-pane label="儿科" name="fourth">
                  <div class="center-xuanze-con-right border">
                      <div class="center-xuanze-con-right-area1 border">
                      <div class="center-yuanze-con-left-ziti1"  >
                      
              

                  <tr v-for="ekbing in ekbings" :key="ekbing.ebid" class="li-point">
                    <td v-if="ekbing.ebid==1">
                         {{ekbing.ebname}}
                   </td>
                  </tr>
                   <tr v-for="ekbing in ekbings" :key="ekbing.ebid" class="li-point">
                    <td v-if="ekbing.ebid==1">
                         ({{ekbing.ebpeoplenum}})
                   </td>
                  </tr>
                </div>
                <div class="center-yuanze-con-left-img">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>

                <div class="center-yuanze-con-left-ziti2">
                 
                 <tr v-for="ekbing in ekbings" :key="ekbing.ebid" class="li-point">
                    <td v-if="ekbing.ebid==1">
                         {{ekbing.ebgoodnum}}好评
                   </td>
                    </tr>
                 
                      <tr v-for="ekbing in ekbings" :key="ekbing.ebid" class="li-point">
                    <td v-if="ekbing.ebid==2">
                          &nbsp;&nbsp;&nbsp; {{ekbing.ebname}}
                   </td>
                  </tr>
                  
                </div>

                <div class="center-yuanze-con-left-img1">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti3">
                  
                    <tr v-for="ekbing in ekbings" :key="ekbing.ebid" class="li-point">
                    <td v-if="ekbing.ebid==2">
                         {{ekbing.ebgoodnum}}好评
                   </td>
                    </tr>
                 
                      <tr v-for="ekbing in ekbings" :key="ekbing.ebid" class="li-point">
                    <td v-if="ekbing.ebid==3">
                          &nbsp;&nbsp;&nbsp; {{ekbing.ebname}}
                   </td>
                  </tr>
                      
                   <tr v-for="ekbing in ekbings" :key="ekbing.ebid" class="li-point">
                    <td v-if="ekbing.ebid==3">
                         ({{ekbing.ebpeoplenum}})
                   </td>
                  </tr>
                 
                </div>

                <div class="center-yuanze-con-left-img2">
                  <img src="../../assets/zan.svg" width="20" height="20">
                </div>
                <div class="center-yuanze-con-left-ziti4">
                    <tr v-for="ekbing in ekbings" :key="ekbing.ebid" class="li-point">
                    <td v-if="ekbing.ebid==3">
                         {{ekbing.ebgoodnum}}好评
                   </td>
                    </tr>
                </div>
                    </div>
                  </div>
                </el-tab-pane>
              </el-tabs>
            </div>
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
    <div></div>
    <div></div>
     </el-col>
       </el-row>
    <el-col :span="24">
      <div class="grid-content bg-purple-dark border1">
        <div class="center-pinglun-title border1">看病经验分享</div>
        <div class="le-center-pinglun-area border1" v-for="pinglun in pingluns" :key="pinglun.pid">
          <div class="le-center-pinglun-img">                
            <!-- <img :src="uuhead" width="50" height="50" /> -->
            <img src="../../assets/touxiang.jpg" width="60" height="60">
          </div>
          <div class="le-center-pinglun-ziti1">就诊医生：{{pinglun.ddname}} ( {{pinglun.dtitle}}) 患者：{{pinglun.unicheng}} ({{pinglun.uaddress}})</div>
          <div class="le-center-pinglun-ziti2">疗效满意度：</div>
          <div class="le-center-pinglun-pingfen">
            <el-rate
              v-model="value"
              disabled
              show-score
              text-color="#ff9900"
              score-template="{value}"
            ></el-rate>
          </div>
          <div class="le-center-pinglun-con border" >
             {{pinglun.pcontent}}
            
            <div class="le-center-pinglun-conziti">{{pinglun.pdate}} </div>
          </div>          
        </div>
    
      </div> 
<div class="fenye">
<!-- *******************分页 -->
  <div class="pagination">
        <el-pagination
                background
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="pageConf.pageCode"
                :page-sizes="pageConf.pageOption"
                :page-size="pageConf.pageSize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="pageConf.totalPage">
        </el-pagination>
    </div>
</div>
    </el-col>
 
      
          <div class="chart-area ">
            <Jiqiren/>
          </div>
      
   
       
  </div>
  
</template>
<script>
import Jiqiren from "@/components/index/Jiqiren";
import { constants } from 'fs';
export default {
  
  data() {
    return {
           scrollTop: 0,
        time: 0,
        dParams: 20,
        scrollState: 0,
          pageConf: {
        //设置一些初始值(会被覆盖)
        pageCode: 0, //当前页
        pageSize: 4, //每页显示的记录数
        totalPage: 12, //总记录数
        pageOption: [4, 10, 20], //分页选项
        handleCurrentChange: function() {
          console.log("页码改变了");
        }
      },
      value: "",
      activeName: "first",
      tabPosition: "top",
      visible: false,
      neikeshow: false,
      fuchankeshow: false,
      waitshow: false,
      erkeshow: false,
      lunboshow: true,
      tongzhishow: true,
      keshis: [],
      zikeshis: [],
      neikes: [],
      waikes: [],
      fuchankes: [],
      erkes: [],
      jibings:[],
      nkbings:[],
      wkbings:[],
      ekbings:[],
      fkbings:[],
      pingluns:[
      ],
      uuhead:"",
      mage: 11111,
      kname: "",
      kid: "",
      jibingname:"",
      pinglun:{},
      // uid:pinglun.uid,
      user:{
       
      },
      pingluncount:""
    };
  },
  
  components: {
    Jiqiren
  },
  mounted: function() {
    this.getAllKeShi();
    this.getAllZiKeShi();
    this.getAllNeiKe();
    this.getAllwaiKe();
    this.getAllFuChanKe();
    this.getAllErKe();
    this.getAllJiBing();
    this.getAllNkBing();
    this.getAllWkBing();
    this.getAllFkBing();
    this.getAllEkBing();
    // this.getAllPingLun();
    this.getUid();
   this.findByPage(this.pageConf.pageCode, this.pageConf.pageSize);
   this.getCount();
    window.addEventListener('scroll', this.getScrollTop);
  },

  computed:{
      showTop: function(){
        let value = this.scrollTop>200?true:false;
        return value;
      },
    },

  methods: {
       getImage: function() {
      this.$http
        .post("http://localhost:8001/getImage", this.user)
        .then(function(data) {
          const abc = +data.body.image;
          this.uuhead = "data:image/jpeg;base64," + data.body.image;
        
        });
    },

     toTop(e) {
        if(!!this.scrollState){
          return;
        }
        this.scrollState = 1;
        e.preventDefault();
        let distance = document.documentElement.scrollTop || document.body.scrollTop;
        let _this = this;
        this.time = setInterval(function(){ _this.gotoTop(_this.scrollTop-_this.dParams) }, 10);
      },
      gotoTop(distance){
        this.dParams += 20;
        distance = distance>0 ? distance : 0;
        document.documentElement.scrollTop = document.body.scrollTop = window.pageYOffset = distance;
        if(this.scrollTop < 10){
          clearInterval(this.time);
          this.dParams = 20;
          this.scrollState = 0;
        }
      },
      getScrollTop() {
        this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
      },
    
  findByPage: function(pageCode,pageSize) {
      // console.log("页码" + this.pageConf.pageCode);
      // console.log("页数" + this.pageConf.pageSize);
      this.$http
        .get("http://localhost:8001/pinglun/findByPage", {params:{pageCode:pageCode,pageSize:pageSize}})
       
        .then(function(data) {
          // this.pageConf.totalPage = data.body.totalElements;
          this.pingluns = data.body.content;
          // console.log(this.user)
           console.log(data.bodyText)
           var value;
           this.getImage();
           for(var i=0;i<this.pingluns.length;i++){
         console.log(this.pingluns.length)
            value=this.pingluns[i].pxingji
            console.log(value)
           this.value = value;
           }
        });
    },    //pageSize改变时触发的函数
    handleSizeChange(val) {
      // this.pageConf.pageSize=val
      this.findByPage(this.pageConf.pageCode, val);
      console.log("触发1"+val)
    },
    //当前页改变时触发的函数
    handleCurrentChange(val) {
       console.log("触发2"+val)
      this.findByPage(val-1, this.pageConf.pageSize);
    },
  
    
    getAllKeShi() {
      this.$http
        .get("http://localhost:8001/keshi/findallkeshi")
        .then(function(data) {
          this.keshis = data.body;
          console.log(this.keshis);
        });
    },
    getAllZiKeShi() {
      this.$http
        .get("http://localhost:8001/zikeshi/findallzikeshi")
        .then(function(data) {
          this.zikeshis = data.body;
          console.log(this.zikeshis);
        });
    },
    getAllNeiKe() {
      this.$http
        .get("http://localhost:8001/neike/findallneike")
        .then(function(data) {
          this.neikes = data.body;
          console.log(this.neikes);
        });
    },
    getAllwaiKe() { 
      console.log(111111)
      this.$http     
        .get("http://localhost:8001/waike/findallwaike")
        .then(function(data) {
          console.log(111111)
          console.log(data.body)
          this.waikes = data.body;
          console.log(this.waikes);
        });
    },
    getAllFuChanKe() {
      this.$http
        .get("http://localhost:8001/fuchanke/findallfuchanke")
        .then(function(data) {
          this.fuchankes = data.body;
          console.log(this.fuchankes);
        });
    },
    getAllErKe() {
        console.log(111111)
      this.$http  
        .get("http://localhost:8001/erke/findallerke")
        .then(function(data) {
          this.erkes = data.body;
          console.log(this.erkes);
        });
    },
     getAllJiBing() {
        console.log(111111)
      this.$http  
        .get("http://localhost:8001/jibing/findalljibing")
        .then(function(data) {
          this.jibings = data.body;
          console.log(this.jibings);

        });
    },
    getAllNkBing() {
        console.log(111111)
      this.$http  
        .get("http://localhost:8001/nkbing/findallnkbing")
        .then(function(data) {
          this.nkbings = data.body;
          console.log(this.nkbings);

        });
    },

    getAllWkBing() {
        console.log(111111)
      this.$http  
        .get("http://localhost:8001/wkbing/findallwkbing")
        .then(function(data) {
          this.wkbings = data.body;
          console.log(this.wkbings);

        });
    },

    getAllFkBing() {
        console.log(111111)
      this.$http  
        .get("http://localhost:8001/fkbing/findallfkbing")
        .then(function(data) {
          this.fkbings = data.body;
          console.log(this.fkbings);

        });
    },
   getAllEkBing() {
        console.log(111111)
      this.$http  
        .get("http://localhost:8001/ekbing/findallekbing")
        .then(function(data) {
          this.ekbings = data.body;
          console.log(this.ekbings);
        });
    },
  //  getAllPingLun() {
  //       console.log(111111)
  //     this.$http  
  //       .get("http://localhost:8001/pinglun/findallpinglun")
  //       .then(function(data) {
  //         this.pingluns = data.body;
  //         console.log(this.pingluns);
  //         console.log("哈哈哈")
  //         var value;
  //          for(var i=0;i<this.pingluns.length;i++){
  //        console.log(this.pingluns.length)
  //           value=this.pingluns[i].pxingji
  //           console.log(value)
  //          this.value = value;
  //     }

  //       });
  //   },
    getUid: function(uid) {
        console.log(555555)
      this.$http  
        .get("http://localhost:8001/user/getuid",{params: {uid:45} })
        .then(function(data) {
          this.user = data.body;
          console.log(this.user);

        });
        
    },

    getCount: function() {
      this.$http  
        .get("http://localhost:8001/pinglun/findallcount")
        .then(function(data) {
          console.log(data.bodyText)
         this.pageConf.totalPage = data.body;
        });
        
    },

  



















    handleClick(tab, event) {
      console.log(tab, event)
    },

    waikehover: function(value, id) {
      this.waitshow = true;
      this.kname = value;
      this.kid = id;
      console.log("dddd");
      this.getAllZiKeShi();
      console.log(this.neikes);
    },
    waikeout: function() {
      this.waitshow = false;
    },
    getZiKeShiclick(value, id) {
      this.kname = value;
      this.kid = id;
      this.getAllZiKeShi();
    },
     getJiBingclick(id,jibingname) {
      console.log("11111112");
      this.kid = id;
      this.bname=jibingname;
      this.getAllJiBing();

    },

    tongzhiclick: function() {
      this.tongzhishow = false;
    }
  }
};
</script>
<style scoped>
.fenye{
  line-height: 18px;
}
  .scrollTop {
    position: fixed;
    right: 40px;
    bottom: 80px;
    cursor: pointer;
  }
a{
   text-decoration: none;
}
.con-bijing{
   /* background-color: #FAFAFA */
}
body{
  color: #448aff
}
.chart-area {
  /* position: fixed; */
   position:fixed;
  width:400px;
  display: block;
  z-index: 1000;
  
/* background-color: #b71c1c; */
 bottom: 0px;
 right:-60px;
  /* border:10px solid red; */
}
ul,
li {
  list-style: none;
}

.li-point {
  float: left;
}
.el-left-ul {
  position: absolute;
  top: 30px;
  left: -40px;
  line-height: 65px;
  width: 180px;
}

.center-pinglun-title {
  margin-left: -820px;
  line-height: 55px;
  /* top: 10px;
  left: 10px; */
  font-weight: bolder;
  font-size: 20px;
}
.le-center-pinglun-area {
  position: relative;
  margin-left: 250px;
  width: 900px;
  height: 200px;
  line-height: 55px;
  background-color: #f9fafc;
}
.le-center-pinglun-img {
  position: absolute;
  top: 50px;
  left: 10px;
  line-height: 55px;
}

.le-center-pinglun-ziti1 {
  position: absolute;
  top: 10px;
  left: 80px;
  line-height: 55px;
}
.le-center-pinglun-ziti2 {
  position: absolute;
  top: 10px;
  right: 180px;
  line-height: 55px;
}
.le-center-pinglun-con {
  position: absolute;
  width: 750px;
  height: 110px;
  line-height: 25px;
  top: 60px;
  left: 80px;
  background-color: #bdbdbd;
  text-align: left;
}

.le-center-pinglun-conziti {
  position: absolute;
  top: 70px;
  left: 600px;
}
.le-center-pinglun-pingfen {
  position: absolute;
  top: 27px;
  left: 720px;
}

.center-xuanze-con-right {
  position: relative;
  left: 10px;
  width: 900px;
  height: 200px;
  line-height: 55px;
}
.center-xuanze-con-right-area1 {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 800px;
  height: 60px;
  line-height: 55px;
}

.center-yuanze-area {
  width: 1000px;
  height: 400px;
  margin-left: 250px;
  position: relative;
  background-color: #f9fafc;
  line-height: 55px;
}

.center-yuanze-con {
  width: 900px;
  height: 350px;
  position: absolute;
  left: 10px;
  top: 60px;
}
.center-yuanze-con-left {
  position: relative;
  top: 0px;
  left: 10px;
  width: 100px;
  height: 260px;
  line-height: 55px;
}
.center-yuanze-con-left-ziti {
  position: absolute;
  left: 10px;
  top: 18px;
  font-weight: bolder;
}

.center-yuanze-con-left-area1 {
  position: absolute;
  left: 110px;
  top: 10px;
  width: 800px;
  height: 60px;
  line-height: 55px;
  border-bottom: #cac7c7 solid 1px;

  /* background-color: #b71c1c; */
}
.center-yuanze-con-left-area2 {
  position: absolute;
  left: 110px;
  top: 70px;
  width: 800px;
  height: 60px;
  line-height: 55px;
  border-bottom: #cac7c7 solid 1px;
}
.center-yuanze-con-left-area3 {
  position: absolute;
  left: 110px;
  top: 130px;
  width: 800px;
  height: 60px;
  line-height: 55px;
  border-bottom: #cac7c7 solid 1px;
}
.center-yuanze-con-left-area4 {
  position: absolute;
  left: 110px;
  top: 190px;
  width: 800px;
  height: 60px;
  line-height: 55px;
  border-bottom: #cac7c7 solid 1px;
}
.center-yuanze-con-left-ziti1 {
  position: absolute;

  top: 8px;
  text-align: left;
}
.center-yuanze-con-left-ziti2 {
  position: absolute;
  left: 150px;
  top: 8px;
}
.center-yuanze-con-left-ziti3 {
  position: absolute;
  left: 310px;
  top: 8px;
}
.center-yuanze-con-left-ziti4 {
  position: absolute;
  left: 550px;
  top: 8px;
}
.center-yuanze-con-left-ziti5 {
  position: absolute;
  left: 660px;
  top: 25px;
  font-size: 12px;
  color: #bdbdbd;
}

.center-yuanze-con-left-img {
  position: absolute;
  left: 110px;
  top: 10px;
}
.center-yuanze-con-left-img1 {
  position: absolute;
  left: 280px;
  top: 8px;
}
.center-yuanze-con-left-img2 {
  position: absolute;
  left: 520px;
  top: 8px;
}

.center-pingjia-area {
  width: 1000px;
  height: 200px;
  margin-left: 250px;
  position: relative;
  background-color: #f9fafc;
}
.center-pingjia-title {
  position: absolute;
  line-height: 55px;
  top: 10px;
  left: 10px;
  font-weight: bolder;
  font-size: 20px;
}
.center-pingjia-con {
  position: absolute;
  line-height: 35px;
  top: 80px;
  left: 10px;
  text-align: left;
  font-size: 15px;
}
.center-pingjia-jindu {
  position: absolute;
  line-height: 18px;
  top: 90px;
  left: 180px;
  height: 60px;
  width: 400px;
  background-color: #f9fafc;
}
.center-pingjia-cnum {
  position: absolute;
  line-height: 22px;
  top: 60px;
  left: 350px;
  height: 20px;
  width: 180px;
  background-color: #fbc02d;
}
.center-pingjia-jindu-area {
  position: absolute;
  /* line-height:22px; */
  top: 60px;
  right: 150px;
  height: 120px;
  width: 250px;
}
.center-pingjia-jindu-cnum {
  position: absolute;
  line-height: 6px;
  top: 1px;
  right: 90px;
  height: 120px;
  width: 100px;
  background-color: #f9fafc;
}
.center-pingjia-jindu-ziti {
  position: absolute;
  line-height: 22px;
  top: 1px;
  right: 200px;
  /* height: 120px;
    width: 100px; */
  font-size: 10px;
}
.center-pingjia-jindu-ziti2 {
  position: absolute;
  line-height: 22px;
  top: 1px;
  right: 40px;
  /* height: 120px;
    width: 100px; */
  font-size: 10px;
  color: #bdbdbd;
}

.el-buzhou-area {
  width: 1000px;
  height: 60px;
  margin-left: 250px;
  display: flex;
}
.el-buzhou-img1 {
  position: absolute;
  top: 10px;
  left: -1px;
}
.el-buzhou-img2 {
  position: absolute;
  top: 5px;
  right: -10px;
}
.el-buzhou-one {
  width: 15%;
  height: 60px;
  background-color: #c62828;
  line-height: 55px;
  font-size: 13px;
}
.el-buzhou-orter {
  width: 18%;
  height: 60px;
  background-color: #e0e0e0;
  line-height: 55px;
  position: relative;
  font-size: 13px;
}

.el-right-area {
  width: 300px;
  height: 450px;
  position: relative;
}
.el-right-area-con {
  width: 150px;
  height: 220px;
  position: absolute;
  top: 200px;
  right: 30px;
  background-color: #fafafa;
  position: fixed;
}
.el-right-area-img1 {
  position: absolute;
  top: 30px;
  right: 5px;
  /* background-color: #e5e9f2; */
}
.el-right-area-img2 {
  position: absolute;
  top: -60px;
  right: 105px;
  /* background-color: #e5e9f2; */
}
.el-right-area-ziti1 {
  position: absolute;
  top: -65px;
  right: 15px;
  /* background-color: #e5e9f2; */
}

.el-right-area-ziti2 {
  position: absolute;
  top: 160px;
  right: 25px;
  line-height: 20px;
  /* background-color: #e5e9f2; */
}

.el-left-aera {
  width: 250px;
  height: 450px;
  position: relative;
}
.el-left-aera-wai {
  width: 230px;
  height: 350px;
  position: absolute;
  top: 200px;
  left: 50px;
  position: fixed;
  /* background-color: #e5e9f2; */
}

.el-left-aera-con {
  width: 200px;
  height: 300px;
  position: absolute;
  top: 40px;
  left: 10px;
  line-height: 20px;
  background-color: white;
}
.el-left-aera-conziti1 {
  font-size: 13px;
  color: #9e9e9e;
  position: absolute;
  top: 10px;
  left: 18px;
}
.el-left-aera-conziti2 {
  font-size: 18px;
  color: #b71c1c;
  position: absolute;
  top: 35px;
  left: 42px;
}
.el-left-aera-conziti3 {
  font-size: 13px;
  color: #ff1744;
  position: absolute;
  top: 60px;
  text-align: left;
}
.el-left-aera-conziti4 {
  font-size: 13px;
  color: #9e9e9e;
  position: absolute;
  top: 180px;
  left: 60px;
}
.el-left-aera-conziti5 {
  font-size: 11px;
  color: #bdbdbd;
  position: absolute;
  top: 200px;
  left: 40px;
}
.el-left-aera-conziti6 {
  font-size: 11px;
  color: #ff1744;
  position: absolute;
  top: 170px;
  left: 10px;
}

.el-left-aera-img {
  position: absolute;
  top: -35px;
  left: 50px;
}

.el-left-aera-img2 {
  position: absolute;
  top: -60px;
  left: 200px;
}

.el-top-left {
  width: 180px;
  height: 450px;
  background-color: #4FC3F7;
}
.el-top-left-fen {
  width: 180px;
  height: 80px;
  position: relative;
}
.el-top-left-fen-area {
  width: 180px;
  height: 50px;
  position: absolute;
  line-height: 50px;
  top: 33px;
}
.el-top-left-fen-keshi {
  width: 180px;
  height: 40px;
  position: absolute;
  line-height: 50px;
  top: -5px;
  background-color: #E0F7FA;
}

.el-top-left-fen-area2 {
  /* width: 180px; 
  height: 50px;
  position: absolute;
  line-height: 50px;
  top: 33px; */
}

:hover.el-top-left-fen-area2 {
  background-color: white;
}
.el-top-center-area {
  width: 730px;
  height: 450px;
  /* background-color: #FAFAFA; */
  background:url("../../assets/beijing2.jpg") no-repeat 1px center;
  background-size:100% 100%;
  position: absolute;
  /* top: -350px; */
}
.el-top-center-lunbo {
  position: relative;
  /* top: -350px; */
}
.el-top-center-ziti {
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  top: 50px;
  /* left: 10px; */
  text-align: left;
}
.el-top-center-ziti1 {
  font-size: 18px;
  position: absolute;
  top: -60px;
  left: 10px;
}

.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #FAFAFA;
}
.bg-purple {
  background: #FAFAFA;
}
.bg-purple-light {
  background: #FAFAFA;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  /* line-height:0; */
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background: url("../../assets/lunbo2.png");
  background-color: #99a9bf;
  background-position: center;
  background-size: cover;
}

.el-carousel__item:nth-child(2n + 1) {
  background: url("../../assets/lunbo3.png");
  background-color: #d3dce6;
  background-position: center;
  background-size: cover;
}

/* .border {
  border: 1px solid red;
} */
/* .border1 {
  border: 1px solid red;
} */
</style>


